.data-table {
    clear: both;
    margin-right: 36px;
    .table-thead {
        height: 40px;
        line-height: 40px;
        background-color: #f7f7f7;
        // border-top: 1px solid #dedede;
        // border-bottom: 1px solid #dedede;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        .table-th {
            float: left;
            width: 20%;
            height: 100%;
            text-align: center;
            color: #999999;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            user-select: none;
            .order_1 {
                display: inline-block;
                // vertical-align: middle;
                position: relative;
                top: 1px;
                margin-left: 3px;
                width: 5px;
                height: 11px;
                cursor: pointer;
                background-image: url(./images/排序-1.png);
            }
            .order_2 {
                display: inline-block;
                // vertical-align: middle;
                position: relative;
                top: 1px;
                margin-left: 3px;
                width: 5px;
                height: 11px;
                cursor: pointer;
                background-image: url(./images/排序-2.png);
            }
            .order_3 {
                display: inline-block;
                // vertical-align: middle;
                position: relative;
                top: 1px;
                margin-left: 3px;
                width: 5px;
                height: 11px;
                cursor: pointer;
                background-image: url(./images/排序-3.png);
            }
        }
    }
    .table-tr {
        height: 88px;
        line-height: 82px;
        // line-height: 80px;
        padding: 4px 0;
        border-bottom: 1px solid #f2f2f2;
        &:nth-child(odd) {
            background-color: #fcfcfc;
        }
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        &:hover {
            background-color: #f5f7fa !important;
            // .table-td {
            //     background-color: #f5f7fa !important;
            // }
            .brn_group {
                display: block;
            }
        }
        .table-td {
            display: inline-block;
            vertical-align: top;
            width: 20%;
            height: 100%;
            color: #333333;
            text-align: center;
            // padding-right: 40px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            .user-head {
                display: inline-block;
                vertical-align: middle;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                margin-right: 10px;
                border: 1px solid #ebebeb;
            }
            .checklogo {
                display: inline-block;
                width: 14px;
                height: 14px;
                cursor: pointer;
                position: relative;
                top: 2px;
                margin-right: 12px;
                background-image: url(./images/复选-默认.png);
            }
            .checkedlogo {
                display: inline-block;
                width: 14px;
                height: 14px;
                cursor: pointer;
                position: relative;
                top: 2px;
                margin-right: 12px;
                background-image: url(./images/复选-单个选中.png);
            }
            .statuslogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                text-decoration: underline;
                background: url(./images/按钮图标-详情.png) left 24px/14px 14px no-repeat;
                margin-right: 16px;
                &:hover {
                    opacity: 0.75;
                }
            }
            .withdrawlogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                text-decoration: underline;
                background: url(./images/按钮图标-撤回.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .editlogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-编辑.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .statuslogo_1 {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-编辑.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .movelogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-移动.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .downloadlogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-下载.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .statisticlogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-统计.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .publishlogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #0249a5;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-发布.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
            .deletelogo {
                display: inline-block;
                vertical-align: middle;
                // line-height: 14px;
                color: #9a1601;
                padding-left: 17px;
                cursor: pointer;
                margin-right: 11px;
                text-decoration: underline;
                background: url(./images/按钮图标-删除.png) left center/14px 14px no-repeat;
                &:hover {
                    opacity: 0.75;
                }
            }
        }
    }
}